<template>
  <div class="rule-desc">
    <div class="rule_title">邀请规则</div>

    <p class="first_title">用户邀请新用户即可获得METAUP勋章和盲盒藏品一份</p>

    <ul>
      <li>
        <div class="notice_content_title">盲盒获取条件：</div>
        <div class="notice_content_desc">
          <p>每邀请五人即可获得盲盒藏品一份，</p>
          <p>通过邀请链接首次注册的用户即可获得盲盒藏品一份</p>
        </div>
      </li>

      <li>
        <div class="notice_content_title">勋章获取条件：</div>
        <div class="notice_content_desc">
          <p>灰色勋章：邀请 1 个新人注册并实名成功即可获得</p>
          <p>绿色勋章：邀请 5 个新人注册并实名成功即可获得</p>
          <p>蓝色勋章：邀请 50 个新人注册并实名成功即可获得</p>
          <p>黄色勋章：邀请 100 个新人注册并实名成功即可获得</p>
          <p>彩色勋章：邀请 500 个新人注册并实名成功即可获得</p>
        </div>
      </li>

      <li class="attention">
        注：邀请人数为阶梯累计，达到相关阶梯即可获得，每个用户各类勋章只能获得一次
      </li>

      <li>
        <div class="notice_content_title">勋章权益：</div>
        <div class="notice_content_desc">
          <p>灰色勋章：无空投</p>
          <p>绿色勋章：可获得藏品空投 1 次</p>
          <p>蓝色勋章：可获得藏品空投 1 次</p>
          <p>黄色勋章：可获得藏品空投 2 次</p>
          <p>彩色勋章：可获得藏品空投 4 次</p>
        </div>
      </li>

      <li class="attention">
        注：空投时间以公告时间为准，后续如有新增勋章赋能请以公告为准
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "InviteRuleDesc",
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="less" scoped>
.rule-desc {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 600;
  color: #eeeeee;
  padding: 0 4vw 2.6667vw 4vw;

  .rule_title {
    font-size: 4.5333vw;
    text-align: center;
    margin: 5.3333vw 0;
  }

  p,
  ul,
  li,
  div {
    margin: 0;
    padding: 0;
    min-height: unset;
  }
  li {
    list-style: none;
    margin-top: 4vw;
  }

  .first_title,
  .notice_content_title {
    font-size: 3.2vw;
  }

  .notice_content_desc {
    p {
      font-size: 2.6667vw;
      margin-top: 1.3333vw;
      text-indent: 4em;
    }
  }

  .attention {
    // text-decoration: underline;
    color: #eeeeee;
  }
}
</style>
